<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="iconfont.css">
  <link rel="stylesheet" href="pulice.css">
  <link rel="stylesheet" href="index.css">
</head>
<body>
  <header>
    <img src="image/dangdang.png"  alt="">
    <form action="post">
      
      <button><img src="image/fangdaj.png" alt=""></button>
      <input type="text" placeholder="搜索商品/店铺/种类">
      
    </form>
    <span class="iconfont icon-fenlei
      "></span>
  </header>
  <!-- 大图 -->
  <div class="banner">
    <img src="image/banner.png" alt="">
    <img src="image/day.jpg" alt="">
  </div>
<!-- 内容展示 -->
    <ul class="show">
      <li>
        <a href=""><img src="image/tushu.png" alt="">
          <p>图书</p></a>
      </li>
      <li>
        <a href=""><img src="image/tushu.png" alt="">
          <p>图书</p></a>
      </li>
      <li>
        <a href=""><img src="image/tushu.png" alt="">
          <p>图书</p></a>
      </li>
      <li>
        <a href=""><img src="image/tushu.png" alt="">
          <p>图书</p></a>
      </li>
      <li>
        <a href=""><img src="image/tushu.png" alt="">
          <p>图书</p></a>
      </li>
      <li>
        <a href=""><img src="image/tushu.png" alt="">
          <p>图书</p></a>
      </li>
      <li>
        <a href=""><img src="image/tushu.png" alt="">
          <p>图书</p></a>
      </li>
      <li>
        <a href=""><img src="image/tushu.png" alt="">
          <p>图书</p></a>
      </li>
      <li>
        <a href=""><img src="image/tushu.png" alt="">
          <p>图书</p></a>
      </li>
      <li>
        <a href=""><img src="image/tushu.png" alt="">
          <p>图书</p></a>
      </li>
    </ul>
    <!-- 图书畅销 -->
    <section>
<div class="top">
  <div class="tushu">
    <h3><a href="">图书畅销榜</a></h3>
    <div>
      <a href="">
        <img src="image/hua.jpg" alt="">
        次第花开 修订
      </a>
      <a href="">
        <img src="image/hua.jpg" alt="">
        次第花开 修订
      </a>
    </div>
  </div>
  <div class="tushu">
    <h3><a href="">新书上架</a></h3>
    <div>
      <a href="">
        <img src="image/hua.jpg" alt="">
        次第花开 修订
      </a>
      <a href="">
        <img src="image/hua.jpg" alt="">
        次第花开 修订
      </a>
    </div>
  </div>
</div>
<!-- 抢购 -->
<div class="qiangg">
  <h3><b>今日抢购</b> <a href="">查看更多></a></h3>
  <div>
    <img src="image/shijin.png" alt="">
    <p> <span>$9.9</span>  <b>抢</b></p>
  </div>
  <div>
    <img src="image/shijin.png" alt="">
    <p> <span>$9.9</span>  <b>抢</b></p>
  </div>
  <div>
    <img src="image/shijin.png" alt="">
    <p> <span>$9.9</span>  <b>抢</b></p>
  </div>
  <div>
    <img src="image/shijin.png" alt="">
    <p> <span>$9.9</span>  <b>抢</b></p>
  </div>
</div>
<!-- 品牌抢购 -->
<div class="ppai">
  <h3><b>品牌抢购 </b><span>
    <img src="image/bao.png" alt="">
    现实抢购
  </span></h3>
  <ul>
    <li><img src="image/ai.png" alt=""></li>
    <li><img src="image/ai.png" alt=""></li>
    <li><img src="image/ai.png" alt=""></li>
    <li><img src="image/ai.png" alt=""></li>
  </ul>
</div>
    </section>
    <footer>
      <a href="" class="active">
        <span class="iconfont icon-shouyetianchong
        "></span>
        首页
      </a>
      <a href="" >
        <span class="iconfont icon-fenlei"></span>
        首页
      </a>
      <a href="">
        <span class="iconfont icon-baobao
        "></span>
        首页
      </a>
      <a href="">
        <span class="iconfont icon-31gouwuche"></span>
        首页
      </a>
      <a href="">
        <span class="iconfont icon-31wode"></span>
        首页
      </a>
    </footer>
</body>
</html>